<template>
    <div>
        <template v-if="kongActiveProfileInfo">            
            <div>
                <kong-server-info/>
            </div>
        </template>
        <template v-else>
            <div>                
                <kong-active/>
            </div>            
        </template>        
    </div>
</template>
<script>
import KongActive from './kong/dashboard/KongActive'
import KongServerInfo from './kong/dashboard/KongServerInfo.vue'
export default {
    name: "index",
    components:{
        KongActive,
        KongServerInfo,
    },
    props:{

    },
    data(){
        return{
            name: "index",
            kongActiveProfileInfo:{},
        }
    },
    created(){

    },
    mounted(){
        this.getKongxActiveProfile();
    },
    methods:{
      getKongxActiveProfile(){            
        this.$store.dispatch("getKongActiveProfile").then((res) => {            
            this.kongActiveProfileInfo=res;
         });
      },

    }
    
}
</script>
<style scoped>

</style>